<template>
    <div class="common-layout">
      <el-container>
        <el-aside width="dongwidth">
         <Aside :isshow="isshow"></Aside>
        </el-aside>
        <el-container>
          <el-header>
            <!-- 页头 -->
            <div class="header">
               <el-icon @click="isshow = !isshow" style="margin-top: 20px; "><Fold /></el-icon>
                <div class="text">
                    <p>您好，{{ qwe }}/总裁办</p>
                    <span class="del">注销登录</span>
                </div>
           </div>

          </el-header>
          <el-main>
            
            <router-view></router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
  
   
  </template>
  <script setup lang='ts'>
// import User from '@/views/Dashboard/User.vue'
import {ref} from 'vue'
import Aside from './Aside.vue';
import { Fold } from '@element-plus/icons-vue'
const acl = JSON.parse((localStorage.getItem('acl')) as any) 
const qwe = localStorage.getItem('qwe')

const isshow = ref<boolean>(false)

const dongwidth = ref(isshow ? '64px' : '100px')
      


  </script>
  <style lang='scss' scoped>
  .common-layout{
    width: 100%;
    height: 100%;
  }
.header{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    .text{
        width: 100%;
        display: flex;
        margin-left: 25px;
        justify-content: space-between;
        // p{
          
        // }
    }
}
.el-main{
  background-color: #ddd;
}
  </style>
  
  